@media screen and (min-width: 1001px) {
    @font-face {
        font-family: 'lato-lig';
        src:url('../fonts/Lato-Lig.ttf');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'Lato-Hai';
        src:url('../fonts/Lato-Hai.ttf');
        font-weight: bolder;
        font-style: normal;
    }

    @font-face {
        font-family: 'Lato-Reg';
        src:url('../fonts/Lato-Reg.ttf');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'lato-Bla';
        src:url('../fonts/Lato-Bla.ttf');
        font-weight: normal;
        font-style: normal;
    }


    body{
        overflow:hidden;
        font-family: lato-lig;
    }

    .background{
        background: black;
    }

    .centered{
        float: none;
        margin: -60px auto;
        position: relative;
    }


    .pointer {
        cursor: pointer;
    }

    .center{
        text-align: center;
        padding: 0px 10px;
    }

    .justificado{
        text-align: justify;
        padding: 0px 10px;
    }

    .text_left{
        text-align: left;
        padding: 0px 10px;
    }

    .width100{
        width: 100%;
    }

    .width90 {
        width: 90%;
    }

    .marginTop10px{
        margin-top: 10px;
    }


    .marginTop30px{
        margin-top: 30px;
    }

    .colorNegroGris{
        color: rgb(97, 85, 85);
    }

    .cursiva{
        font-style: italic;
    }

    .negrilla{
        font-weight: bolder;
    }

    .texto_nosotrosSubrayado{
        color: #0087ca;
        font-size: 22px;
        font-weight: bolder;
    }

    .menu-elem-content{
        width: 100%;
        height: 100%;
        padding-top: 150px;
        color: white;
    }

    .overload_up{
        height: 49%;
        background: rgba(255, 255, 255, 1);
        width: 100%;
        position: absolute;
        z-index: 13;
        display: block;
        opacity: 1;
        top: 0%;
        box-shadow: 0px 2px 10px black;
        left: 0;
    }

    .overload_up_oculto{
        height: 49%;
        background: rgba(255, 255, 255, 1);
        width: 100%;
        position: absolute;
        z-index: 13;
        display: none;
        opacity: 0;
        top: -50%;
    }

    .overload_down{
        height: 49%;
        width: 100%;
        background: rgba(255, 255, 255, 1);
        position: absolute;
        z-index: 13;
        bottom: 0%;
        display: block;
        opacity: 1;
        box-shadow: 0px -2px 10px black;
        left: 0;
    }

    .overload_down_oculto{
        height: 49%;
        width: 100%;
        background: rgba(255, 255, 255, 1);
        position: absolute;
        z-index: 13;
        bottom: -50%;
        display: none;
        opacity: 0;
    }


    .content {
        width: 100%;
        /* Full Width */
        height: 10px;
        top: 49%;
        position: absolute;
        opacity: 1;
        left: 0;
    }

    .content_oculto {
        width: 100%;
        /* Full Width */
        height: 2px;
        top: 50%;
        position: absolute;
        opacity: 0;
    }


    .no-opacity{
        opacity: 1;
    }

    .centerTexto {
        position: absolute;
        top: 50%;
        left: 50%;
        color: green;
        font-size: 50px;
    }

    .texto_grande{
        font-size: 76px;
        font-family: "Lato-Hai";
    }

    .texto_mediano{
        font-size: 18px;
        font-family: "lato-Reg";
    }

    .texto_leyenda{
        font-family: "lato-lig";
    }

    .textoLargo{
        font-size: 13px;
        font-family: "Lato-Reg";
    }

    .slogan2{
        width: 400px;
        margin-top: 20px;
    }

    .negrita{
        font-weight: bold;
    }

    .verde{
        color : rgb(50, 194, 50);
    }

/* INTRANET */
#menu_intranet{
        background: #1d8f9a;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

#intranet{
        background: URL("../images/fondo-login.jpg");
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

.menu_detalle_usuario_intranet {
    position: absolute;
    min-width: 100px;
    height: 500px;
    top: 8px;
    right: 0px;
}

#popup_detalle_usuario{
    width: 300px;
    height: 225px;
    background: white;
    border-radius: 4px;
    padding: 3px; 
    position: absolute;
    right: 46px;
}

#popup_detalle_usuario > div {
    background: #f5f5f5;
    border: 1px solid #ccc;

    width: 294px;
    height: 218px;
}

div#notificaciones_img {
    background: URL("../images/imagenes_google.png");
    width: 21px;
    height: 29px;
    background-position: 1px -154px;
    display: inline-block;
    margin: 6px 15px;
    cursor: pointer;
}

#popup_detalle_notificaciones{
    width: 255px;
    min-height: 163px;
    background: white;
    border-radius: 4px;
    padding: 3px; 
    position: absolute;
    right: 72px;
    /* overflow: auto; */
    max-height: 250px;
}

#popup_detalle_notificaciones > div {
    background: #f5f5f5;
    border: 1px solid #ccc;
    width: 250px;
    min-height: 100px;
    max-height: 244px;
    overflow: auto;
}

div#usuario_conectado {
    display: inline-block;
    margin-top: -33px;
    vertical-align: middle;
    font-weight: bolder;
}

div#img_usuario {
    background: URL("../images/photo.jpg");
    width: 35px;
    height: 35px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 38px;
    cursor: pointer;
}

div#menu_intranet li {
    display: inline-block;
    margin: 57px;
    
}
div#menu_intranet ul{
    margin-top: -176px;
}
div#menu_intranet img{
    width: 20px;
}
div#menu_intranet li label{
    /* display: block !important; */
    margin-left: 12px;
    margin-top: 55px;
    font-size: 15px;
    border-radius: 100px;
    cursor: pointer;
}

div#mensaje {
position: relative;
text-align: right;
top: -100px;
width: 95%;
font-size: 25px;
color: white;
}
.rowLabel{
    /*background:rgba(47, 141, 161, 0.5);*/
    height: 158px;
}
#imgSbd{
        width: 200px;
        margin-left: 265px;

        margin-top: 0px;
    }
    .table_login{
        text-align: left;
        width: 434px;
        text-align: center;
        margin-top: 23px;
    
        margin-left: 130px;
}
    #trasnIntranet{
        font-size: 70px;
        width: 105%;
        margin-top: 23px;
        padding-left: 193px;
        background: rgba(0, 0, 0, 0.5);
        text-align: left;
        /* opacity: 0.50; */
        filter: alpha(opacity=80);
        -moz-opacity: .3;
        font-family: Lato-Hai;

        color: white;
        margin-left: -10px;

        padding-top: 10px;
        padding-bottom: 10px;
    }

    input {
        border:none;
        width: 266px;
        padding-left: 8px;
        font-family: Lato-lit;
        height: 23px;
        margin: 0 0 1em 0;
        /*opacity: 0.50;*/
        filter: alpha(opacity=80);
        -moz-opacity: .3;
        color: black;
    }


    label a {
        margin-left: 137px;
        border: 1px solid;
        padding: 2px 27px;
        color: #6E6868;
        font-family: Lato-Reg;
        text-decoration: none;

        letter-spacing: 2px;
    }
    td p{
        font-size: 13px;
        margin-top: 34px;
        font-family: Lato-lit;
        font-style: italic;

        margin-bottomom: 11px;
        width: 365px;
        margin-left: 36px;
        font-weight: normal;
    }


    div#crearmodificarusuario {
        position: absolute;
        top: 50px;
        left: 335px;
        z-index: 999;
        background: rgba(239, 238, 238, 0.96);
        padding: 12px;
        width: 696px;
        min-height: 400px;
        overflow: auto;
        border: 1px solid #1d8f9a;
        box-shadow: 3px 5px 10px rgba(13, 121, 131, 0.98);
    
        max-height: 600px;
}

    ul.validateTips {
        margin-top: 14px;
        padding-bottom: 10px;
    }

    .column-uno-formulario {

        width: 33%;
        display: inline-block;
        padding-left: 10px;

    }

    .column-dos-formulario {
        width: 65%;
        display: inline-block;
        margin-left: 0px;
        margin-top: -2px;
        padding-left: 10px;
    }

    .column-dos-formulario label {
        display: block;
        font-family: lato-lig;
    }

    .column-dos-formulario input {
        width: 97%;
        font-family: lato-lig;
        padding-left: 3px;
    }

    .column-uno-formulario input {
        width: 90%;
        font-family: lato-lig;
        padding-left: 3px;
    }
    .column-tres-formulario {
        width: 65%;
        display: inline-block;
        padding-left: 10px;
    }

    .column-tres-formulario label {
        display: block;
        font-family: lato-lig;
    }

    .column-tres-formulario input {
        width: 97%;
        font-family: lato-lig;
        padding-left: 3px;
    
    }
    .column-uno-formulario select {
        width: 90%;
        height: 24px;
        border: none;
    }

    .column-uno-formulario label {
        display: block;
    }

    label.titleForm {

        margin-left: 4%;
        font-family: lato-bolt;
        color: #1d8f9a;
        font-size: 18px;
    }
    .boton_dialog_cerrar {

        border: none;
        border-radius: 27;
        height: 32px;
        width: 32px;
        margin-left: 344px;
        background: #1d8f9a;
    }

    .boton_dialog_cerrar:hover {
      height: 32px;
      width: 32px;
      background: #17727B;
    }

    .boton_dialog:hover {
        background: #17727B;
   }
    
    .boton_dialog {
        margin-top: 12px;
        margin-left: 9px;
        color: #FFFFFF;
         background: #1d8f9a;
        font-family: lato-bolt;
        font-size: 13px;
        border: none;
        box-shadow: 3px 5px 10px rgba(13, 121, 131, 0.98);
        font-family: Lato-bolt;    height: 26px;  padding: 4px 16px;
        text-transform: uppercase;
    }


     /* HOME */

    #home{
        background: url(../images/fondo_home.jpg) no-repeat top center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .arriba_nav{
        top:-200px !important;
    }

    .abajo_nav{
        top:0px !important;
    }

    .slogan{
        margin-top: 11px;
        font-size: 29px;
    }

    .textTitulo{
        font-family: "Lato-Hai";
        font-size: 50px;
    }

    .textSubTitulo{
        font-family: "Lato-Hai";
        font-size: 35px;
        color: black;
        top: 100px;
        position: absolute;
        list-style: none;
    }

    .navbar-default {
        background: rgba(51, 51, 51, 0.35);
        border-color: transparent;
        text-align: center;
    }

    .navbar-default-modificado {
        border-color: transparent;
        text-align: center;
    
        background: #37302c;
}

    .navbar-collapse.collapse {
        text-align: center;
        display: block !important;
        height: 115px ;
        padding-bottom: 0;
        overflow: visible !important;
    }

    .collapse-modificado{
        text-align: center;
        display: block !important;
        height: 60px !important;
        padding-bottom: 0;
        overflow: visible !important;
        position: relative;
    }

    .a-modificado{
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        height: 60px !important;
        font-size: 14px !important;
        color: #FFF !important;
        letter-spacing: 8px !important;
    }

    .a-modificado:hover{
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        height: 60px !important;
        font-size: 14px !important;
        color: #FFF !important;
        letter-spacing: 8px !important;
        background: transparent !important;
    }

    .navbar-default .navbar-nav > li > a {
        font-size: 14px;
        color: #FFF;
        letter-spacing: 8px;
        background: rgba(255,255,255,0) !important;
    }

    .navbar-nav > li > a {
        display: table-cell;
        padding-top: 15px;
        padding-bottom: 15px;
        height: 115px;
        padding-right: 60px;
        vertical-align: middle;
        background: rgba(255,255,255,0) !important;
    }

    .navbar-default .navbar-nav > li > a:hover {
        font-size: 14px;
        color: #FFF;
        letter-spacing: 8px;
        background: rgba(255,255,255,0) !important;
    }

    .navbar-nav > li > a:hover {
        display: table-cell;
        padding-top: 15px;
        padding-bottom: 15px;
        height: 115px;
        padding-right: 60px;
        vertical-align: middle;
        background: rgba(255,255,255,0) !important;
    }

    .imagen-icon{
        max-width: none;
        top: 37px;
        position: absolute;
        left: -25;
    }

    .imagen-icon-modificado{
        max-width: none !important;
        position: absolute !important;
        left: -25 !important;
        top: 10px !important;
    }

    .nav > li > a > img.contacto{
        margin-right: 12px;

    }
/*TABLA consultaUsuariosSuccess*/

    #contenidoIntranet_usuario table {
        border: 1px solid #1d8f9a !important;
        font-family: Lato-Lig !important;
        width: 100% !important;
        background: #fff !important;
        text-align: left;
        box-shadow: 3px 5px 10px rgba(13, 121, 131, 0.98);
    }

    #contenidoIntranet_usuario th{
        padding-top: 10px;
        font-family: Lato-bolt;
    }

    #contenidoIntranet_usuario td, th {
        padding-left: 21px;
        background: #fff;

    }

    div#menu_intranet img:hover {
        cursor: pointer;
    }

    #contenidoIntranet_usuario .dataTables_filter input[type='text'] {

        background:white;
        color: #000;
        padding-left: 5px;
        font-family: lato-lig;
        height:23px;
        width: 280px;
        margin-top: -3px;
    }
    #contenidoIntranet_usuario .filtro{
        margin-top: -30px;
    }
    #contenidoIntranet_usuario .filtro .buscador {
        margin-left: 625px;

    }

    #contenidoIntranet_usuario .filtro .btnagregar {
        margin-left: 10px;

    }
    #contenidoIntranet_usuario .filtro label{
        color: transparent;
    
        margin-left: -46px;
    }
    #contenidoIntranet_usuario .filtro label:after {
        content: "";
        width: 28px;
        height: 25px;
        position: absolute;
        top: 10px;
        margin-left: -29px;
        box-shadow: 3px 4px 10px rgba(13, 121, 131, 0.98);
        z-index: 1;
        background: url("../images/lupa-text.png") 0px 0px;
    }

    #contenidoIntranet_usuario .dataTables_filter label:hover {
        cursor: pointer;
    }
    #contenidoIntranet_usuario .filtro h1 {
        position: absolute;
        margin-left: 150px;
        padding-top: 53px;
        font-size: 20px !important;
        color: white;
        text-shadow: 3px 5px 10px rgba(13, 121, 131, 0.98);
    }

    td button {
        margin-right: 4px !important;
        background: transparent !important;
        margin-top: 3px !important;
        width: 40px !important;
        font-family: Lato-bolt;
        height: 30px !important;
        padding: 0px 0px !important;
        box-shadow: 3px 5px 10px rgba(13, 121, 131, 0) !important;
        text-transform: uppercase;
    }

     #contenidoIntranet_usuario button{
        -webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
        -moz-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
        box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
        margin-right: 240px;
        background:#1d8f9a;
        margin-top: -24px;
        width:160px;
        border:none;
        font-family: Lato-bolt;
        font-size: 10px;
        height:26px;
        padding:4px 16px;
        box-shadow: 3px 5px 10px rgba(13, 121, 131, 0.98);
        text-transform: uppercase;
}

     #contenidoIntranet_usuario{
         margin-top: -16px;
     }

    #contenidoIntranet_usuario button img {
        width:24px !important;
        height:24px !important;
        }

    #contenidoIntranet_usuario button img:hover {
        width:26px !important;
        height:26px !important;
        cursor: pointer !important;
        }


     div#link_usuario {
        position: absolute;
        bottom: 100px;
        left: 45%;
        }

        #link_usuario img {
            margin-left: 35px;
        }

    div#link_usuario:before {
        content: "";
        width: 20px;
        height: 20px;
        position: absolute;
        top: 108px;
        left: 60px;
        transform: rotate(45deg);
        border-bottom: 4px solid white;
        border-right: 4px solid white;
    } 

    div#link_actas {
        position: absolute;
        right: 200px;
        top: 300px;
    }

        #link_actas img {
            margin-top: 6px;
        }

    div#link_actas:before {
        content: "";
        width: 20px;
        height: 20px;
        position: absolute;
        left: 120px;
        transform: rotate(315deg);
        border-bottom: 4px solid white;
        border-right: 4px solid white;
    
        top: 30px;
} 

    div#link_evaluaciones {
        position: absolute;
        top: 100px;
        left: 45%;
    }

        #link_evaluaciones img {
            margin-left: 35px;
        }

    div#link_evaluaciones:before {
        content: "";
        width: 20px;
        height: 20px;
        position: absolute;
        top: -55px;
        left: 60px;
        transform: rotate(225deg);
        border-bottom: 4px solid white;
        border-right: 4px solid white;
    } 

    div#link_indocadores {
        top: 300px;
        left: 200px;
        position: absolute;
    }

     div#link_indocadores:before {
        content: "";
        width: 20px;
        height: 20px;
        position: absolute;
        right: 124px;
        transform: rotate(135deg);
        border-bottom: 4px solid white;
        border-right: 4px solid white;
    
        top: 24px;
    }

    .title_oculto_evaluaciones{
        position: absolute;
        left: -117px;
        top: 21px;
        font-size: 50px;
        color: white;
        opacity: 0;
    }

    .title_center_evaluaciones{
        position: absolute;
        left: -117px;
        top: 220px;
        font-size: 50px;
        color: white;
        opacity: 1;
    }

    .title_oculto_actas{
        position: absolute;
        right: -50px;
        top: 21px;
        font-size: 50px;
        color: white;
        opacity: 0;
    }

    .title_center_actas{
        position: absolute;
        right: 413px;
        top: 21px;
        font-size: 50px;
        color: white;
        opacity: 1;
    }

    .title_oculto_usuarios{
        position: absolute;
        left: -50px;
        top: 21px;
        font-size: 50px;
        color: white;
        opacity: 0;
    }
    .title_center_usuarios{
        position: absolute;
        left: -50px;
        top: -172px;
        font-size: 50px;
        color: white;
        opacity: 1;
    }
    
    .title_oculto_indicadores {
        position: absolute;
        left: -140px;
        top: 21px;
        font-size: 50px;
        color: white;
        opacity: 0;
    } 

    .title_center_indicadores {
        position: absolute;
        left: 315px;
        top:21px;
        font-size: 50px;
        color: white;
        opacity: 1;
    }
    .flechaRegresar {
        content: "";
        width: 20px;
        height: 20px;
        position: absolute;
        top: -70px;
        left: 690px;
        transform: rotate(225deg);
        border-bottom: 4px solid white;
        border-right: 4px solid white;
        cursor: pointer;
    }

    .title {
        font-family: lato-lig;
        font-size: 20px;
        position: absolute;
        top: 6px;
        left: 300px;
        }

    div#DataTables_Table_0_filter {
        height: 30px !important;
        margin-right: 424px !important;
        margin-top: -33px !important;
        color: #000 !important;
        padding-left: 5px !important;
        font-family: Lato-lig !important;
    }

    div#DataTables_Table_0_filter label{
        font-family: lato-bolt;
        color: transparent;
    }

    div#DataTables_Table_0_info {
        color: #000 !important;
        margin-top: 10px !important;
        margin-left: 150px !important;
        font-family: lato-lig !important;
        font-size: 17px !important;
    }

    div#dialogo_negocio_usuario {
        background: rgba(23, 32, 32, 0.67);
    }

    #actas_intranet{
        background: yellow;
        color: black;
    }

    #usuarios_intranet{
        background: #25cace;
    }
    #indicadores_intranet{
        background: #18D60B;
    }
    #evaluaciones_intranet{
        background: #2D548F;
    }

    #menu_intranet img {
        width: 78px !important;
        height: auto !important;
    }
    .nav > li {
        margin-left: 30px;


        display: inline-block;
    }

    .navbar-nav {
        float: none;
        margin: 0;
        display:inline-block;
    }

    .oculto{
        display: none !important;
    }

    .opaco0{
        opacity: 0;
    }

    .opaco1{
        opacity: 1;
    }
    .current_opcion{
        border-bottom: 1px solid white !important;
    }
    .control{
        position:fixed;
        width:170px;
        cursor:pointer;
        z-index: 11;
    }

    #rightControl{
        right: -47px;
        bottom: 4%;

    }

    #leftControl{
        right: 1%;
        bottom: 4%;
    }

    .logo_home {
        border-bottom: 1px solid white;
        padding-bottom: 26px;
        margin-top: 75px;
    }

    .logo_home img {
        width: 30%;
    }


    .redes_sociales_home{
        margin-top: 54px;
    }


    .redes_sociales_home > img{
        margin-right: 30px;
    }

    #li_home {
        position: relative;
        top: 10px;
        left: 0px;
        /* cursor: pointer; */
    }

    /* NOSOTROS */

    #nosotros{
        background:  #FFFFFF;
        color: black;
        box-shadow: 0px -10px 30px rgb(122, 118, 118);
    }

    .texto_nosotros_oculto{
        position: relative;
        opacity: 0;
        font-size: 77px;
        color:  #37302c;
        margin-top: 33px;
        margin-bottom: 43px;
    }

    .text_nosotrosP1{
        top: 0px;
        left: 31px;
        letter-spacing: 37px;
        width: 240px;
        display: inline-block;
    }

    .text_nosotrosP2{
        top: 0px;
        left: -23px;
        letter-spacing: 17px;
        width: 324px;
        display: inline-block;
    }

    .texto_nosotros{
        position: relative;
        opacity: 1;
        font-size: 77px;
        color:  #37302c;
        margin-top: 33px;
        margin-bottom: 43px;
    }


    .play_nosotros{
        border-radius: 50%;
        background: black;
        width: 76px;
        height: 76px;
        position: relative;
        top: 8px;
        left: 48px;
        display: inline-block;
        z-index: 10;
    }

    .play_nosotros:after{
        content: "";
        border-left: 36px solid #0087CA;
        border-top: 21px solid transparent;
        border-bottom: 21px solid transparent;
        border-right: 20px solid transparent;
        top: 15px;
        position: absolute;
        left: 26px;
    }

    .cajaTexto_nosotros{
        border-top: 1px solid #0087ca;
        padding-top: 20px;
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        opacity: 1;
    }

    .cajaTexto_nosotros_oculto{
        border-top: 1px solid #0087ca;
        padding-top: 20px;
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        opacity: 0;
    }

    .cajaTexto_nosotros img{
        margin: 13px auto 25px auto;
    }

    .cajaTexto_nosotros_oculto img{
        margin: 13px auto 25px auto;
    }

    .redesSociales_general {
        position: fixed;
        left: 60px;
        top: 293px;
        width: 50px;
        opacity: 1;
        z-index: 10;
    }

    .redesSociales_general_oculto{
        position: fixed;
        left: 60px;
        top: 293px;
        width: 50px;
        opacity: 0;
        z-index: 10;
    }


    .redesSociales_nosotros > img{
        margin-bottom: 12px;
    }

    .redesSociales_nosotros_oculto > img{
        margin-bottom: 12px;
    }


    /* SERVICIO */


    #servicios{
        background: #347a84;
        box-shadow: 0px -10px 30px rgb(122, 118, 118);
    }

    .play_servicios{
        width: 76px;
        height: 76px;
        position: absolute;
        top: 250px;
        left: 645px;
    }

    .play_servicios_esquina {
        width: 76px;
        height: 76px;
        position: absolute;
        top: 133px;
        left: 60px;
    }

    .texto_servicios_oculto{
        position: absolute;
        opacity: 0;
        font-size: 77px;
    }

    .text_serviciosP1{
        top: 250px;
        left: 317px;
        letter-spacing: 40px;
    }

    .text_serviciosP2{
        top: 250px;
        left: 710px;
        letter-spacing: 40px;
    }

    .texto_servicios{
        position: absolute;
        opacity: 1;
    }


    .cajaTexto_servicios {
        border-top: 1px solid white;
        padding-top: 20px;
        position: absolute;
        top: 369px;
        left: 224px;
        width: 900px;
        opacity: 1;
    }

    .cajaTexto_servicios_oculto{
        border-top: 1px solid white;
        padding-top: 20px;
        position: absolute;
        top: 419px;
        left: 224px;
        width: 900px;
        opacity: 0;
    }

    .redesSociales_servicios{
        position: absolute;
        left: 60px;
        top: 293px;
        width: 50px;
        opacity: 1;
    }

    .redesSociales_servicios_oculto{
        position: absolute;
        left: 60px;
        top: 293px;
        width: 50px;
        opacity: 0;
    }

    .redesSociales_servicios > img{
        margin-bottom: 12px;
    }

    .redesSociales_servicios_oculto > img{
        margin-bottom: 12px;
    }

    .opciones_servicios{
        position: absolute;
        top: 192px;
        left: 157px;
        width: 1160px;
        height: 500px;
        opacity: 1;
    }

    .opciones_servicios_oculto{
        position: absolute;
        top: 95px;
        left: 157px;
        width: 1160px;
        height: 500px;
        opacity: 0;
    }

    .opcion_servicio{
        position: relative;
        width: 250px;
        margin: 4px 18px;
        height: 95%;
        display: inline-block;
        float: left;
    }

    .img_servicio{
        border-radius: 50%;
        width: 178px;
        height: 175px;
        padding: 0px;
    }

    .titulo_opc_servicio{
        border-bottom: 1px solid white;
        margin-bottom: 13px;
    }

    .boton_servicios {
        margin: 14px 60px;
        border: 1px solid white;
        background: transparent;
        width: 65%;
        text-align: center;
        position: absolute;
        bottom: 48px;
        cursor: pointer;
        z-index: 999;
        padding: 10px;
    }

    .boton_servicios2 {
        margin: 0px 30px;
        border: 1px solid white;
        background: transparent;
        width: 65%;
        text-align: center;
        position: absolute;
        bottom: 40px;
        cursor: pointer;
        padding: 10px;
    }

    .boton_servicios:hover{
        background: rgba(0,0,0,0.4);
    }

    .boton_servicios2:hover{
        background: rgba(0,0,0,0.4);
    }

    .resumen_servicio {
        padding: 18px;
        margin-top: 27px;
        height: 350px;
    }

    .volver_capa_oculto{
        top: 123px;
        position: absolute;
        right: 10px;
        opacity: 1;
        cursor: pointer;
    }

    .menu-elem-content > ul {
        position: absolute;
        top: 100px;
        margin-top: -90px;
        left: 50px;
        color: black;
        font-size: 23px !important;
    }

    /* DETALLE SERVICIO BD MD y SO */

    #servicio_detalle_BD_M_SO{
        background: white !important;
    }

    #servicio_detalle_SF{
        background: white !important;
    }

    .txt_disponibilidad_oculto{
        position: absolute;
        top: 178px;
        left: 100px;
        z-index: 2;
        opacity: 0;
        font-size: 20px;
    }

    .txt_disponibilidad {
        position: absolute;
        top: 178px;
        left: 87px;
        z-index: 2;
        opacity: 1;
        font-size: 20px;
        color: black;
    }

    .txt_nr1_oculto{
        position: absolute;
        top: 235px;
        left: 530px;
        z-index: 2;
        opacity: 0;
        font-size: 30px;
    }

    .txt_nr1{
        position: absolute;
        top: 235px;
        left: 304px;
        z-index: 2;
        opacity: 1;
        font-size: 30px;
        color: black;
    }


    .txt_palo_base_oculto{
        position: absolute;
        top: 590PX;
        left: 498PX;
        z-index: 2;
        opacity: 0;
        font-size: 30px;
    }

    .txt_palo_base {
        position: absolute;
        top: 590PX;
        left: 278px;
        z-index: 2;
        opacity: 1;
        font-size: 30PX;
        color: black;
        text-shadow: aliceblue;
    }

    .disponibilidad_img {
        position: absolute;
        top: 100px;
        left: 260px;
        z-index: 2;
        opacity: 1;
    }
    .palo_base {
        position: absolute;
        opacity: 1;
        top: 200px;
        left: 332px;
        z-index: 1;
    }
    .nr1_capa {
        position: absolute;
        top: 176px;
        left: 44px;
        opacity: 1;
    }
    .nr2_capa {
        position: absolute;
        top: 174px;
        left: 477px;
        opacity: 1;
    }
    .nr3_capa {
        position: absolute;
        top: 503px;
        left: 77px;
        opacity: 1;
    }
    .nr4_1_capa {
        position: absolute;
        top: 427px;
        left: 106px;
        opacity: 1;
        z-index: 1;
    }

    .nr4_capa {
        position: absolute;
        top: 440px;
        left: 69px;
        opacity: 1;
        z-index: 2;
    }


    .nr5_capa {
        position: absolute;
        top: 250px;
        left: 210px;
        opacity: 1;
    }
    .nr6_capa {
        position: absolute;
        top: 270px;
        left: 159px;
        opacity: 1;
    }
    .nr7_capa {
        position: absolute;
        top: 286px;
        left: 75px;
        opacity: 1;
    }
    .nr8_capa {
        position: absolute;
        top: 443px;
        left: 392;
        opacity: 1;
        z-index: 2;
    }

    .nr8_1_capa {
        position: absolute;
        top: 431px;
        left: 396px;
        opacity: 1;
        z-index: 1;
    }

    .nr9_capa {
        position: absolute;
        top: 287px;
        left: 421px;
        opacity: 1;
    }
    .nr10_capa {
        position: absolute;
        top: 247px;
        left: 400px;
        opacity: 1;
    }
    .nr11_capa {
        position: absolute;
        top: 600px;
        left: 173px;
        opacity: 1;
    }


    .disponibilidad_img_oculto {
        position: absolute;
        top: 10px;
        left: 500px;
        z-index: 2;
        opacity: 0;
    }
    .palo_base_oculto {
        position: absolute;
        opacity: 0;
        top: 200px;
        left: 569px;
        z-index: 1;
    }
    .nr1_capa_oculto {
        position: absolute;
        top: 176px;
        left: 184px;
        opacity: 0;
    }
    .nr2_capa_oculto {
        position: absolute;
        top: 174px;
        left: 917px;
        opacity: 0;
    }
    .nr3_capa_oculto {
        position: absolute;
        top: 703px;
        left: 313px;
        opacity: 0;
    }
    .nr4_capa_oculto {
        position: absolute;
        top: 440px;
        left: 112px;
        opacity: 0;
    }

    .nr4_1_capa_oculto {
        position: absolute;
        top: 440px;
        left: 112px;
        opacity: 0;
        z-index: 2;
    }


    .nr5_capa_oculto {
        position: absolute;
        top: 250px;
        left: 450px;
        opacity: 0;
    }
    .nr6_capa_oculto {
        position: absolute;
        top: 270px;
        left: 399px;
        opacity: 0;
    }
    .nr7_capa_oculto {
        position: absolute;
        top: 286px;
        left: 315px;
        opacity: 0;
    }
    .nr8_capa_oculto {
        position: absolute;
        top: 443px;
        left: 933px;
        opacity: 0;
        z-index: 2;
    }

    .nr8_1_capa_oculto {
        position: absolute;
        top: 443px;
        left: 933px;
        opacity: 0;
    }

    .nr9_capa_oculto {
        position: absolute;
        top: 287px;
        left: 661px;
        opacity: 0;
    }
    .nr10_capa_oculto {
        position: absolute;
        top: 247px;
        left: 640px;
        opacity: 0;
    }
    .nr11_capa_oculto {
        position: absolute;
        top: 600px;
        left: 408px;
        opacity: 0;
    }



    /* DETALLE SERVICIO SF */

    .buenasPracticas_img {
        position: absolute;
        top: 150px;
        left: 200px;
        z-index: 2;
        opacity: 1;
    }
    .sf_palo_base {
        position: absolute;
        opacity: 1;
        top: 184px;
        left: 338px;
        z-index: 1;
    }
    .sf_nr1_capa {
        position: absolute;
        top: 538px;
        left: 76px;
        opacity: 1;
    }
    .sf_nr2_capa {
        position: absolute;
        top: 480px;
        left: 50px;
        opacity: 1;
    }
    .sf_nr2_1_capa{
        position: absolute;
        top: 465px;
        left: 100px;
        opacity: 1;
    }
    .sf_nr3_capa {
        position: absolute;
        top: 325px;
        left: 90px;
        opacity: 1;
    }
    .sf_nr4_capa {
        position: absolute;
        top: 282px;
        left: 218px;
        opacity: 1;
    }
    .sf_nr5_capa {
        position: absolute;
        top: 481px;
        left: 411px;
        opacity: 1;
    }

    .sf_nr5_1_capa {
        position: absolute;
        top: 465px;
        left: 402px;
        opacity: 1;
    }
    .sf_nr6_capa {
        position: absolute;
        top: 265px;
        left: 412px;
        opacity: 1;
    }
    .sf_nr7_capa {
        position: absolute;
        top: 288px;
        left: 441px;
        opacity: 1;
    }
    .sf_nr8_capa {
        position: absolute;
        top: 312px;
        left: 450px;
        opacity: 1;
    }
    .sf_nr9_capa {
        position: absolute;
        top: 331px;
        left: 461px;
        opacity: 1;
    }


    .buenasPracticas_img_oculto {
        position: absolute;
        top: 100px;
        left: 500px;
        z-index: 2;
        opacity: 0;
    }
    .sf_palo_base_oculto {
        position: absolute;
        opacity: 0;
        top: 134px;
        left: 624px;
        z-index: 1;
    }
    .sf_nr1_capa_oculto {
        position: absolute;
        top: 436px;
        left: 375px;
        opacity: 0;
    }
    .sf_nr2_capa_oculto {
        position: absolute;
        top: 376px;
        left: 358px;
        opacity: 0;
    }
    .sf_nr2_1_capa_oculto {
        position: absolute;
        top: 360px;
        left: 410px;
        opacity: 0;
    }
    .sf_nr3_capa_oculto {
        position: absolute;
        top: 211px;
        left: 370px;
        opacity: 0;
    }
    .sf_nr4_capa_oculto {
        position: absolute;
        top: 171px;
        left: 497px;
        opacity: 0;
    }

    .sf_nr5_capa_oculto {
        position: absolute;
        top: 377px;
        left: 697px;
        opacity: 0;
    }
    .sf_nr5_1_capa_oculto {
        position: absolute;
        top: 359px;
        left: 683px;
        opacity: 0;
    }
    .sf_nr6_capa_oculto {
        position: absolute;
        top: 146px;
        left: 705px;
        opacity: 0;
    }
    .sf_nr7_capa_oculto {
        position: absolute;
        top: 174px;
        left: 735px;
        opacity: 0;
    }
    .sf_nr8_capa_oculto {
        position: absolute;
        top: 194px;
        left: 746px;
        opacity: 0;
    }
    .sf_nr9_capa_oculto {
        position: absolute;
        top: 210px;
        left: 755px;
        opacity: 0;
    }

    /* NOTICIAS*/

    #noticias{
        background: #25cace;
    }

    .play_noticias{
        width: 76px;
        height: 76px;
        position: absolute;
        top: 250px;
        left: 511px;
    }

    .play_noticias_esquina {
        width: 76px;
        height: 76px;
        position: absolute;
        top: 140px;
        left: -60px;
    }

    .texto_noticias_oculto{
        position: absolute;
        opacity: 0;
        font-size: 77px;
    }

    .text_noticiasP1{
        top: 250px;
        left: 240px;
        letter-spacing: 48px;
    }

    .text_noticiasP2{
        top: 250px;
        left: 600px;
        letter-spacing: 40px;
    }

    .texto_noticias{
        position: absolute;
        opacity: 1;
    }


    .cajaTexto_noticias {
        border-top: 1px solid white;
        padding-top: 20px;
        position: absolute;
        top: 362px;
        left: 123px;
        width: 900px;
        opacity: 1;
    }

    .cajaTexto_noticias_oculto{
        border-top: 1px solid white;
        padding-top: 20px;
        position: absolute;
        top: 419px;
        left: 224px;
        width: 900px;
        opacity: 0;
    }

    .redesSociales_noticias{
        position: absolute;
        left: 60px;
        top: 293px;
        width: 50px;
        opacity: 1;
    }

    .redesSociales_noticias_oculto{
        position: absolute;
        left: 60px;
        top: 293px;
        width: 50px;
        opacity: 0;
    }

    .redesSociales_noticias > img{
        margin-bottom: 12px;
    }

    .redesSociales_noticias_oculto > img{
        margin-bottom: 12px;
    }

    #contenido_noticias{
        opacity: 1;
    }

    #contenido_noticias_oculto{
        opacity: 0;
    }


    .noticiaPrincipal{
        position: relative;
        top: 150px;
        left: 100px;
        width: 439px;
        height: 315px;
        display: inline-block;
        text-align: left;
        opacity: 1;
        float: left;
    }

    .noticiaPrincipal_oculto{
        position: relative;
        top: 0px;
        left: 100px;
        width: 510px;
        height: 315px;
        display: inline-block;
        text-align: left;
        opacity: 0;
        border: 1px solid red;
        float: left;
    }


    .span_rss {
        padding: 0px 2px 0px 0px;
        width: 432px;
        position: relative;
        top: 175px;
        left: 119px;
        height: 281px;
        overflow: auto;
        display: inline-block !important;
        opacity: 1;
        float: left;
        /* background: #353535; */
    }

    .span_rss_oculto {
        padding: 0px 2px 0px 0px;
        width: 436px;
        position: relative;
        top: 0px;
        left: 100px;
        height: 316px;
        overflow: auto;
        display: inline-block !important;
        opacity: 0;
        float: left;
    }


    .border_noticias {
        position: relative;
        padding: 0px;
        display: block;
        overflow: hidden;
        height: 700px;
        margin: -164px auto;
        width: 1045px;
        opacity:1;
    }

    .border_noticias_oculto {
        position: relative;
        padding: 0px;
        display: block;
        overflow: hidden;
        height: 700px;
        margin: -164px auto;
        width: 1045px;
        opacity:0;
    }

    #noticias_videos {
        width: 900px;
        border-top: 2px solid white;
        height: 170px;
        float: left;
        top: 164px;
        position: relative;
        margin-left: 100px;
        opacity: 1;
        overflow: hidden;
        padding: 0;
    }

    #noticias_videos_oculto {
        width: 90%;
        border-top: 2px solid white;
        height: 170px;
        float: left;
        top: 164px;
        position: relative;
        margin-left: 100px;
        opacity: 0;
    }

    .tituloNoticiaPrincipal {
        font-size: 31px;
        width: 248px;
        text-align: right;
        line-height: 40px;
        margin-bottom: 19px;
        margin-top: 19px;
        float: left;
        font-family: Lato-Bla;
    }
    .descripNoticiaPrincipal {
        font-size: 26px;
        font-family: Lato-Lig;
        width: 400px;
        float: left;
        color: black;
    }

    .div_img_noticiaPrincipal{
        float: left;
        width: 170px;
        height: 170px;
        margin-left: 17px;
    }


    .div_img_noticiaPrincipal img{
        margin: 20px;
    }

    #noticias a {
        border-left: 4px solid white;
        padding: 9px;
        margin-left: 15px;
    }

    .bloque_video {
        float: left;
        margin: auto 9px;
        overflow: hidden;
        margin-top: 8px;
        width: 200px;
    }

    .bloque_video iframe {
        width: 205px !important;
        height: 125px !important;
    }

    /* CONTACTOS*/

    #contactos{
        background: #FFFFFF;
        color: black;
        box-shadow: 0px -10px 30px rgb(122, 118, 118);
    }


    .play_contactos{
        width: 76px;
        height: 76px;
        position: absolute;
        top: 270px;
        left: 631px;
    }

    .play_contactos_esquina {
        width: 76px;
        height: 76px;
        position: absolute;
        top: 133px;
        left: 60px;
    }

    .texto_contactos_oculto{
        position: absolute;
        opacity: 0;
        font-size: 77px;
    }

    .text_contactosP1{
        top: 250px;
        left: 351px;
        letter-spacing: 40px;
    }

    .text_contactosP2{
        top: 250px;
        left: 710px;
        letter-spacing: 30px;
    }

    .texto_contactos{
        position: absolute;
        opacity: 1;
    }


    .cajaTexto_contactos {
        border-top: 1px solid black;
        padding-top: 20px;
        position: absolute;
        top: 369px;
        left: 224px;
        width: 900px;
        opacity: 1;
    }

    .cajaTexto_contactos_oculto{
        border-top: 1px solid black;
        padding-top: 20px;
        position: absolute;
        top: 419px;
        left: 224px;
        width: 900px;
        opacity: 0;
    }

    .redesSociales_contactos{
        position: absolute;
        left: 76px;
        top: 293px;
        width: 50px;
        opacity: 1;
    }

    .redesSociales_contactos_oculto{
        position: absolute;
        left: 60px;
        top: 293px;
        width: 50px;
        opacity: 0;
    }

    .redesSociales_contactos > img{
        margin-bottom: 12px;
    }

    .redesSociales_contactos_oculto > img{
        margin-bottom: 12px;
    }

    .opciones_contactos{
        position: absolute;
        top: 110px;
        left: 157px;
        width: 1160px;
        height: 500px;
        opacity: 1;
    }

    .opciones_contactos_oculto{
        position: absolute;
        top: 95px;
        left: 157px;
        width: 1160px;
        height: 500px;
        opacity: 0;
    }

    .mensaje_envioCorreo {
        width: 450px;
        position: absolute;
        border: 1px solid;
        padding: 11px;
        top: -41px;
        left: 32px;
    }

    .error_envioCorreo{
        border: 1px solid red;
        background: rgba(255, 0, 0, 0.23);
        color: rgb(133, 47, 47);
    }

    .exito_envioCorreo{
        border: 1px solid #4ca641;
        background: rgba(76, 166, 65, 0.43);
        color: #4ca641;
    }

    .campoError {
        border-bottom: 1px solid red !important;
        box-shadow: 10px -3px 0px red inset;
        padding-left: 17px;
    }

    .formulario_contacto {
        float: left;
        width: 400px;
        margin-top: 75px;
        height: 71%;
        margin-left: 62px;
    }

    .formulario_contacto > input {
        border: 0px;
        border-bottom: 1px solid black;
        width: 97%;
        height: 40px;
        margin: 10px auto;
    }

    #mensaje_contacto2 {
        margin-top: -9px;
        padding: 0px;
        height: 23px;
    }
    #mensaje_contacto3 {
        margin-top: -9px;
        padding: 0px;
        height: 23px;
    }

    #enviarMensaje_contacto{
        width: 100%;
        padding: 15px;
        background: white;
        border: 1px solid black;
        margin-top: 20px;
        margin-left: -5px;
    }

    .mapa_servicio {
        float: right;
        width: 500px;
        border: 1px solid;
        top: 62px;
        height: 400px;
        margin-right: 108px;
    }

    .gmap3 {
        margin: 0px;
        border: 1px dashed #c0c0c0;
        width: 100%;
        height: 100%;
    }
    .gmap3 .forma {
        width: 400px;
        height: 190px;
        background: rgba(204,204,204,0.46);
        -webkit-box-shadow: 1px 1px 10px #fdf8f8 inset;
        box-shadow: 1px 1px 10px #fdf8f8 inset;
        padding: 12px 12px 0px 12px;
    }
    .gmap3 .forma h2 {
        color: #838383;
        text-transform: uppercase;
        width: 90%;
    }
    .gmap3 .forma p {
        color: rgba(131,131,131,0.94);
        width: 90%;
    }
    .gmap3 .forma hr {
        width: 98%;
        color: #838383;
        margin-top: 10px;
    }
    .gmap3 .forma div.botones_redes {
        width: 49%;
        height: 50px;
        display: inline-block;
    }
    .gmap3 .forma div.botones_redes div {
        display: inline-block;
        width: 30px;
        margin-left: 25px;
        cursor: pointer;
    }
    .gmap3 .forma div.contactenos {
        width: 49%;
        height: 50px;
        display: inline-block;
    }
    .gmap3 .forma div.contactenos div {
        display: inline-block;
        width: 100%;
        margin-left: 5px;
        color: #000;
    }
    .gmap3 .forma div.contactenos div span {
        font-weight: bold;
    }


    .footer {
        text-align: center;
        position: absolute;
        bottom: -20px;
        background: #37302c;
        padding: 5px;
        width: 1000px;
        color: white;
    }


    .overload_up{
        height: 50%;
        background: black;
        width: 100%;
        position: absolute;
        z-index: 9999;
        display: block;
        opacity: 1;
        top: 0%;
        box-shadow: 0px 2px 10px black;
        left: 0;
    }

    .overload_up_oculto{
        height: 50%;
        background: black;
        width: 100%;
        position: absolute;
        z-index: 9999;
        display: none;
        opacity: 0;
        top: -50%;
    }

    .overload_down{
        height: 50%;
        width: 100%;
        background: black;
        position: absolute;
        z-index: 9999;
        bottom: 0%;
        display: block;
        opacity: 1;
        box-shadow: 0px -2px 10px black;
        left: 0;
    }

    .overload_down_oculto{
        height: 50%;
        width: 100%;
        background: black;
        position: absolute;
        z-index: 9999;
        bottom: -50%;
        display: none;
        opacity: 0;
    }



    .content {
        width: 100%;
        /* Full Width */
        height: 10px;
        top: 49%;
        position: absolute;
        opacity: 1;
        left: 0;
        z-index:10000;
    }

    .content_oculto {
        width: 100%;
        /* Full Width */
        height: 2px;
        top: 50%;
        position: absolute;
        opacity: 0;
    }

    .expand {
        width: 100%;
        height: 2px;
        margin: 2px 0;
        background: #2187e7;
        position: absolute;
        -moz-animation: fullexpand 3s ease-out;
        -webkit-animation: fullexpand 3s ease-out;
        /*-moz-animation: fullexpand 2s ease-out;
        -webkit-animation: fullexpand 2s ease-out;    */
        z-index: 2;
    }


    .rotateinfinite{
        position: absolute;
        left: 650px;
        top: 195px;
        width: 60PX;
        height: AUTO;
    }

    .rotateinfinite{

        animation-name: rotateinfinite;-webkit-animation-name: rotateinfinite;
        animation-timing-function: linear;-webkit-animation-timing-function: linear;
        animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;
        animation-duration: 3s;
        -webkit-animation-duration: 3s;



    }
    @keyframes rotateinfinite {
        from {
            transform: rotateY(0deg);
        }
        to {
            transform: rotateY(-360deg);
        }
    }

    @-webkit-keyframes rotateinfinite {
        from {
            -webkit-transform: rotateY(0deg);
        }
        to {
            -webkit-transform: rotateY(-360deg);
        }
    }


    /* Full Width Animation Bar */
    @-moz-keyframes fullexpand {
        0%  { width: 0px;
        }

        100% {
            width: 100%;
        }
    }

    @-webkit-keyframes fullexpand {
        0% {
            width: 0px;
        }

        100% {
            width: 100%;
        }
    }


    ::-webkit-scrollbar {
        width: 8px;
    }
    ::-webkit-scrollbar-track {
        background-color: #eaeaea;
        border-left: 1px solid #ccc;
    }

    #contenidoIntranet_usuario table td,th {
    padding-left: 25px;
    }

    .flechaRegresar_usuario{
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: -55px;
    left: 691px;
    transform: rotate(225deg);
    border-bottom: 4px solid white;
    border-right: 4px solid white;
    }
    
    ::-webkit-scrollbar-thumb {
        background-color: #ccc;
    }
    ::-webkit-scrollbar-thumb:hover {
        background-color: #aaa;
    }

    .odd {
        background: #0A97DD;
    }

    .border_prueba {
        position: relative;
        padding: 0px;
        display: block;
        overflow: hidden;
        height: 700px;
        margin: -164px auto;
        width: 1045px;
    }

    .marcoTabla {
        width: 80%;
        height: 497px;
        overflow: auto;
    }
    .disable{
    color:black !important;
    background: transparent !important;
    border: 0px; 
    }

    div#popup_detalle_usuario:before {
    content: "";
    width: 10px;
    height: 10px;
    background: transparent;
    position: absolute;
    right: 4px;
    top: -20px;
    border-bottom: 10px solid rgb(255, 236, 236);
    border-left: 10px solid rgba(255, 0, 0, 0.06);
    border-top: 10px solid rgba(33, 33, 36, 0);
    border-right: 10px solid rgba(0, 0, 255, 0);
}

    div#popup_detalle_notificaciones:before {
    content: "";
    width: 10px;
    height: 10px;
    background: transparent;
    position: absolute;
    right: 18px;
    top: -20px;
    border-bottom: 10px solid rgb(253, 253, 253);
    border-left: 10px solid rgba(255, 0, 0, 0);
    border-top: 10px solid rgba(33, 33, 36, 0);
    border-right: 10px solid rgba(0, 0, 255, 0);
    }

    .cantidad_notificaciones {
        border-radius: 50%;
        background: red;
        position: absolute;
        top: 1px;
        right: 87px;
        text-align: center;
        padding: 4px;
        font-size: 11px;
        font-family: sans-serif;
        font-weight: normal;
    }

    div#img_usuario_detalle {
        width: 100px;
        height: 101px;
        margin: 12px;
        display: inline-block;
        background: URL("../images/photo.jpg");
        background-size: cover;
    }

    div#nombreUsuario_detalle {
        display: inline-block;
        width: 145px;
        height: 23px;
        color: black;
        vertical-align: top;
        font-weight: bold;
        margin-top: 11px;
    }

    div#correoUsuario_detalle {
        display: inline-block;
        width: 160px;
        height: 26px;
        color: rgb(136, 128, 128);
        font-size: 11px;
        font-weight: bolder;
        margin-left: 7px;
    }

    .detalleUsuario_izq {
        display: inline-block;
        width: 148px;
        vertical-align: top;
    }

    div#cambiarClave_detalle {
        background: #4d90fe;
        display: inline-block;
        padding: 3px 11px;
        margin-left: 14px;
        border-radius: 4px;
        font-weight: bold;
    }

    .mensaje_notificacion {
        width: 98%;
        height: 34px;
        padding: 8px 6px 8px 5px;
        color: black;
        font-family: lato-lig;
        margin: 3px;
        background: #E5E5E5;
    }

    .title_evaluacion {
        width: 58%;
        display: inline-block;
        text-align: right;
        font-family: lato-lig;  
        font-size: 20px;  position: absolute;  top: -21px;  
        left: 393px;
    }

    .menu_evaluaciones {
        width: 100%;
        display: inline-block;
        text-align: left;
        margin-left: 74px;
    }

    .menu_evaluaciones div {
        display: inline-block;
        margin-left: 50px;
    }

    .menu_evaluaciones a{
    color: white;
    text-decoration: none;
    cursor: pointer;
    }

    .menu_evaluaciones a:hover {
        color: white;
        text-decoration: none;
        cursor: pointer;
    }

    .marco_evaluacion {
        display: inline-block;
        width: 85%;
        margin: 25px auto;
        height: 100%;
        overflow: auto;
    
        padding-bottom: 76px;
}

    div#contenidoIntranet_evaluaciones {
        width: 100%;
        height: 470px;
        overflow: hidden;
    }

    .marco_evaluacion table {
        width: 100% !important;
        border: 1px solid white;
    }

    .marco_evaluacion table td   {
        text-align: center;
        color: black;
        border-bottom: 1px dotted #2D548F;
        background: white;
    }

    .marco_evaluacion table td input {
        width: 29px;
        margin-top: 5px;
        margin-bottom: 5px;
        border: 1px dotted #2D548F;
    }

    .menu_evaluaciones a:hover {
    color: white;
    text-decoration: none;
    cursor: pointer;
    }

    .marco_evaluacion table th {
        background: #284B80;
        color: #FAFAFA;
        position: relative;
        width: 129px !important;
        border-bottom: 1px solid;
        height: 50px !important;
    }

    .marco_evaluacion table th label{
        width: 100%;    
        text-align: center;
    }


    th.buscador img{
        width: 27px;
        height: 24px;
    box-shadow: 3px 4px 10px rgba(13, 121, 131, 0.98);
        vertical-align: top;
        margin-right: 111px;
        position: inherit;
        margin-top: -29px;
        float: right;
    }


    th.buscador input {
        margin: 5px 0px 5px 77px;
        display: inline-block;
        border: 1px solid#2D548F;
        font-family: lato-lig;
        font-size: 14px;
    }

    tr.subthead th {
        background: rgba(255, 255, 255, 0.27);
    }

    label.total_preguntas_perfil {
    border: 1px solid;
    padding: 6px;
    width: 100%;
    text-align: center;
    }
    div#contenidoIntranet_evaluaciones h1 {
    top: 200px;
    left: 150px;
    position: absolute;
    font-size: 18;
    text-shadow: 3px 5px 10px rgba(0, 0, 0, 0.98);
}
    input.buscador {
    margin-top: 10px;
    }

    .flechaRegresar_evaluaciones{
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 510px;
    left: 691px;
    transform: rotate(225deg);
    border-top: 4px solid white;
    border-left: 4px solid white;
    }

    div#contenidoIntranet_evaluaciones button {
    -webkit-box-shadow: rgba(0,0,0,0.2) 0 1px 0 0;
    -moz-box-shadow: rgba(0,0,0,0.2) 0 1px 0 0;
    box-shadow: rgba(0,0,0,0.2) 0 1px 0 0;
    background: #1d8f9a;
    width: 205px;
    float: right;
    border: none;
    font-family: Lato-bolt;
    font-size: 10px;
    height: 26px;
    padding: 4px 16px;
    box-shadow: 3px 5px 10px rgba(13, 121, 131, 0.98);
    text-transform: uppercase;  
    }


    div#contenidoIntranet_evaluaciones .btnagregarCategoria {
    margin-right: 10px;
    }



div.divSlide{
    width: 1238px;
    height: 50px;
    margin-right: 102px;
    float: right;
    padding-top: 10px;
    overflow: hidden;
}

div.divBotones{
    width: 100%;
}

div.mostarAgregarPerfil{
    margin-top: -112px;
}

div.mostarAgregarCategoria{
    margin-top: 7px;
}
.divAgregarPerfil{
    margin-top: 70px;
}

.divAgregarCategoria {
    margin-top: -60px;
    margin-bottom: 30px;
}

button.cancelarPerfil {
    width: 40px !important;
    float: right !important;
    padding: 3px !important;
}

button.cancelarCategoria {
    width: 40px !important;
    float: right !important;
    padding: 3px !important;
}

.mostarAgregarPerfil input {
    margin-top  : 2px;
}

.mostarAgregarCategoria input {
    margin-top  : 2px;
    margin-left: 25px;
}
.divAgregarPerfil input {
    margin-top: 2px;
    margin-left: 700px;
}

.proveedor_categoria {
    margin-top: -44px;
    background: #fff;
    color: #000;
    margin-left: -25px;
    width: 108%;
    font-size: 13;
}
th.cabecera label {
    display: inline;
    padding-right: 50px;
}
.listaEvaluaciones ul li {
    color: red;
}
.marco_evaluacion td label {
    color: white;
    text-align: left;
    margin-right: 215px;
    padding-left: 10px;
}

input.buscador_lista_eva {
    margin-top: 15px !important;
    margin: -13px;
}

thead td {
    background: rgba(255, 255, 255, 0.27)!important;
}
.tituloEvalu{
    font-size: 20px;
    color: white;
    margin-top: -20px;
    margin-left: 246px;
}
img.verEvalu {
    float: right;
    padding-top: 4px;
}
.marco_evaluacion_lista {
    margin-top: 40px;
    background: white;
    border: 1px solid white;
    width: 85%;
    margin: 25px auto;
    height: 100%;
    overflow: auto;
}
.marco_evaluacion_lista table {
    width: 100% !important;          
    border: 1px solid white;
}
.marco_evaluacion_lista thead th {
    background: rgba(7, 36, 87, 0.9);
    width: 70%;
}

.marco_evaluacion_lista thead td {
    background: #6582AC !important;
    color: white;
    font-size: 14px;
    padding-left: 15px;
}
.marco_evaluacion_lista input {
    margin-top: 9px !important;
    margin-bottom: 10px !important;
}
.marco_evaluacion_lista tbody td {
    padding-left: 15px;
    font-size: 14px;
}
div#contenidoIntranet_evaluaciones h2 {
    top: 120px;
    left: 134px;
    position: absolute;
    font-size: 18;
    text-shadow: 3px 5px 10px rgba(86, 86, 86, 0.98);
}

.div_preguntasPresentadas{
    border-bottom: 1px solid;
    border-bottom-right-radius: 10px;
    padding: 8px;
}


#verificar {
    background: white;
    padding: 10px 10px 30px 10px;
}

.correcta {
    color: #0f7011;
    font-weight: bold;
    font-size: 12px;
}

.datosUsuario {
    float: left;
    width: 760px;
    border-bottom: 1px solid;
    height: 50px;
    border-left: 1px solid;
    padding: 20px 7px 20px 30px;
    margin-bottom: 10px;
    box-shadow: 0px 0px 14px inset;
    border-radius: 53px;
}

.PorcentajeNota {
    float: left;
    width: 360px;
    border-bottom: 1px solid;
    height: 50px;
    border-left: 1px solid;
    padding: 20px 7px 20px 30px;
    margin-bottom: 10px;
    box-shadow: 0px 0px 14px inset;
    border-radius: 53px;
}

#contenidoIntranet_evaluaciones table span{
    position: absolute;
    right: 20px;
    padding: 3px;
    border-radius: 50%;
    background: rgb(101, 130, 172);
    top: 18px;
    font-size: 13px;
    cursor: help;
}

.NombreUsuario {
    width: 108%;
    font-size: 30px;
    color: #41a366;
    text-align: left;
    font-family: lato-lig;
}

.correoUsuario{
    width: 100%;
    font-size: 14px;
    color:black;
    text-align: left;
}


.Porcentaje{
    color: #209e2d;
    font-size: 50px;
    float: left;
}

.cantidad {
    color: rgb(0, 0, 0);
    font-size: 16px;
}

#vovler {
    color: green;
    font-weight: bold;
    cursor: pointer;
    border: 1px solid;
    border-left: 0px;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;
    width: 50px;
}

.font_normal_07em_black{
    width: 100%;
}


.procentajeText{
    opacity: 4;
    width: 200px;
    float: right;
    margin-top: 19px;
    font-size: 28px;
    color: rgba(140, 141, 139, 1);
}


.flotando_approved {
    position: absolute;
    top: 100px;
    width: 300px;
    height: 300px;
    left: 400px;
    opacity: 10;
}

.flotando_rejected {
    position: absolute;
    top: 155px;
    width: 300px;
    height: 200px;
    left: 400px;
    opacity: 10;
}

.flotando_oculto {
    position: absolute;
    top: 100px;
    left: 400px;
    width: 700px;
    height: 700px;
    opacity: 0;
}


.PorcentajeNota.adaptar2 {
    width: 60%;
    margin-left: 220px;
}

.datosUsuario.adaptar {
    width: 60%;
    margin-top: 150px;
    margin-left: 220px;
}


ul.sdt_menu {
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: "Myriad Pro", "Trebuchet MS", sans-serif;
    font-size: 14px;
    width: 1020px;
}

ul.sdt_menu img{
    background: white;
}
ul.sdt_menu a{
    text-decoration:none;
    outline:none;
}
ul.sdt_menu li {
    float: left;
    width: 170px;
    height: 85px;
    position: relative;
    cursor: pointer;
    border: 3px solid;
    border-radius: 13px;
    box-shadow: 0px 0px 10px;
    background: #DDDDDD;
}
ul.sdt_menu li > a{
    position:absolute;
    top:0px;
    left:0px;
    width:170px;
    height:85px;
    z-index:12;
    -moz-box-shadow:0px 0px 2px #000 inset;
    -webkit-box-shadow:0px 0px 2px #000 inset;
    box-shadow:0px 0px 2px #000 inset;
}
ul.sdt_menu li a img{
    border:none;
    position:absolute;
    width:0px;
    height:0px;
    bottom:0px;
    left:85px;
    z-index:100;
    -moz-box-shadow:0px 0px 4px #000;
    -webkit-box-shadow:0px 0px 4px #000;
    box-shadow:0px 0px 4px #000;
}
ul.sdt_menu li span.sdt_wrap{
    position:absolute;
    top:25px;
    left:0px;
    width:170px;
    height:60px;
    z-index:15;
}
ul.sdt_menu li span.sdt_active{
    position:absolute;
    background:#111;
    top:85px;
    width:170px;
    height:0px;
    left:0px;
    z-index:14;
    -moz-box-shadow:0px 0px 4px #000 inset;
    -webkit-box-shadow:0px 0px 4px #000 inset;
    box-shadow:0px 0px 4px #000 inset;
}
ul.sdt_menu li span span.sdt_link,
ul.sdt_menu li span span.sdt_descr,
ul.sdt_menu li div.sdt_box a{
    margin-left:15px;
    text-transform:uppercase;
    text-shadow:1px 1px 1px #000;
}
ul.sdt_menu li span span.sdt_link {
    color: #fff;
    font-size: 24px;
    float: left;
    clear: both;
    font-weight: bold;
    text-shadow: 0px 0px 10px black;
}
ul.sdt_menu li span span.sdt_descr {
    color: #0B75AF;
    float: right;
    clear: both;
    font-size: 10px;
    letter-spacing: 1px;
    margin-top: 6px;
    margin-right: 10px;
}
ul.sdt_menu li div.sdt_box{
    display:block;
    position:absolute;
    width:170px;
    overflow:hidden;
    height:170px;
    top:85px;
    left:0px;
    display:none;
    background:#000;
}
ul.sdt_menu li div.sdt_box a{
    float:left;
    clear:both;
    line-height:30px;
    color:#0B75AF;
}
ul.sdt_menu li div.sdt_box a:first-child{
    margin-top:15px;
}
ul.sdt_menu li div.sdt_box a:hover{
    color:#fff;
}

span.reference{
    position:fixed;
    left:10px;
    bottom:10px;
    font-size:12px;
}
span.reference a{
    color:#aaa;
    text-transform:uppercase;
    text-decoration:none;
    text-shadow:1px 1px 1px #000;
    margin-right:30px;
}
span.reference a:hover{
    color:#ddd;
}
ul.sdt_menu{
    margin-left:200px;
}
h1.title {
    width: 633px;
    height: 69px;
    color: black;
    margin-top: auto;
    margin-bottom: 0px;
    font-size: 40px;
    margin: auto;
    padding-top: 200px;
}

.content {
    margin-left: 200px;
}


.divCategoria {
    float: left;
    min-width: 100px;
    height: 20px;
    padding: 10px;
    margin: 10px;
    border: 2px solid;
    border-radius: 18px;
    cursor: pointer;
    box-shadow: 14px 6px 14px;
}

.cantidadCategoria{
    float: right;
    padding-left: 10px;
    border: 1px dotted rgba(16, 68, 134, 1);
    border-radius: 10;
    color: rgb(9, 35, 141);
    font-weight: bold;
    text-shadow: 0px 0px 68px white;
    margin-top: -4px;
    margin-left: 10px;
    background: white;
}


.nav_step_current{
    background: rgb(255, 235, 0) !important;
    color: black;

}

.nav_step{
    width: 92px;
    list-style: none;
    border: 1px solid;
    padding: 16px;
    border-radius: 11px;
    box-shadow: 0px 0px 6px rgb(70, 55, 55) inset;
    background: rgb(255, 255, 255);
    color: black;
    text-shadow: 1px 1px 8px black;
    float: left;
}

.nav_step_past{
    color: rgb(179, 179, 179) !important;
}

.nav_step{
    margin-left: 100px;
}

.div_listar_opc{
    position: fixed;
    margin-top: 10px;
    z-index: 9;
    width: 90%;
    left: 68px;
    height: 135px;
    background: rgba(90, 86, 86, 1) !important;
    color: white;
    margin-top: 10px !important;
}


#listar_perfil ul li h3{
    text-align: left;
}

.contenedor {
    width: 95%;

}

.pregunta_input{
    width: 96%;
    margin-left: 20px;
}

.pregunta_input_ckeck {
    width: 14px;
    vertical-align: middle;
}


.respuesta {
    width: 460px;
    height: 40px;
    border: 0;
    border-bottom: 1px dotted;
}

#div_lista_perfiles_creadas {
    width: 80%;
    float: left;
}

#div_categorias_agregar {
    float: left;
    width: 191px;
    height: 20px;
    padding: 5px;
    margin-left: 12px;
    margin-top: 20px;
    text-align: center;
    border-radius: 6px 6px 0px 0px;
    background: #3baae3 50% 50% repeat-x;
    border: 1px solid #2694e8;
    color: white;
    font-weight: bold;
    font-size: 100%;
}

#categorias_agregar {
    width: 182px;
    border: 1px solid #dddddd;
    float: left;
    margin-left: 12px;
    min-height: 94px;
    border-radius: 0px 0px 10px 10px;
    background: #f2f5f7 50% top repeat-x;
    padding-left: 19px;
}

.addCategoria:hover{
    background: rgba(0,0,0,0.3);
}

.addCategoria{
    box-shadow: 0px 0px 0px black !important;
}


.overload{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    z-index: 999998;
    position: absolute;
}

#papelera:hover {
    border: 1px dotted red;
}

#papelera {
    margin-left: 12px;
    border: 1px dotted;
    float: left;
    padding-right: 91px;
    margin-top: -41px;
    width: 113px;
}

div#verificar_div {
    position: absolute;
    background: white;
    height: 510px;
    width: 90%;
    left: 5%;
    top: 145px;
    overflow: auto;
    font-family: lato-lig;
}

div#verificar button {
    margin-left: 1173px !important;
    position: relative;
}
div#correoUsuario {
    float: left;
    font-family: lato-lig;
    font-size: 14px;
    margin-top: 7px;
    padding-left: 6px;
    text-transform: uppercase;
}

div#porcentaje {
    float: right;  
    margin-top: -20px;
    font-family: lato-lig;  
    font-size: 35px;  
    padding-right: 50px;
}

div#cantidadCorrecta {
    float: right;  
    margin-top: -34px;  
    font-family: lato-lig;  
    font-size: 14px;  
    margin-right: -80px;
}

div#totalPreguntas {
    float: right;  
    margin-top: -34px;  
    font-family: lato-lig;
    font-size: 14px;  
    margin-right: -107px;
}
div#slasch {
    float: right;
    margin-top: -34px;
    margin-right: -88px;
    color: #41a366;
    font-weight: bold;
}

div#letra_porcentaje {
    float: right;
    padding-right: 51px;
    font-family: lato-lig;
    font-size: 17px;
    text-transform: uppercase;
    color: #41a366;
}
.divSlide input {
    padding-left: 30px;
}
input#addcategoriaText {
     background-image: url(../images/categories.png);
     background-repeat: no-repeat;
}
input#addcategoriaCapaText{
    background-image: url(../images/layers.png);
    background-repeat: no-repeat;
}

input#addcategoriaProveedorText{
    background-image: url(../images/proveedor.png);
    background-repeat: no-repeat;
}
input#addperfilText{
    background-image: url(../images/addprofile.png);
    background-repeat: no-repeat;
}